﻿/***Popup Detail***/
#popup-detail-bg { overflow-y: scroll; width: 100%; height: 100%; position: fixed; z-index: 99999; top: 0; background: url("/Images/pid/popup_detail_bg_1.png"); display: none; left: 0; }
#popup-detail-wrap { margin: 35px auto; position: relative; float: left; }
#popup-detail-left { float: left; position: relative; background-color: #000; }
#popup-detail-left .next, #popup-detail-left .prev { position: absolute; top: 50%; display: none; z-index: 4000; }
#popup-detail-left i { background: url("/Images/pid/arrow_detail.png") no-repeat; display: block; width: 22px; height: 39px; cursor: pointer; }
#popup-detail-left .next { right: 30px; }
#popup-detail-left .prev { left: 30px; }
#popup-detail-left .next i { background-position: -24px -41px; }
#popup-detail-left a.next:hover i { background-position: -24px -1px; }
#popup-detail-left .prev i { background-position: -1px -1px; }
#popup-detail-left a.prev:hover i { background-position: -1px -41px; }
#popup-detail-left .move { background: url("/Images/pid/arrow_down_1.png") no-repeat; height: 37px; position: absolute; right: 20px; top: 92%; width: 27px; display: none; cursor: pointer; }
#popup-detail-left .zoom { background: url("/Images/pid/zoom_2.png") no-repeat 0 0; height: 11px; position: absolute; right: 20px; top: 20px; width: 11px; display: none; cursor: pointer; }
#popup-detail-left .zoom:hover { background-position: 0 -11px; }
.popup-detail-content { text-align: center; vertical-align: middle; width: 100%; height: 100%; display: table-cell; background-color: #000; }
.popup-detail-content img { vertical-align: middle; }
#popup-detail-right { background-color: #fff; float: right; width: 320px; padding: 0 15px; position: relative; }
.popup-detail-right-box { overflow: hidden; width: 320px; }
#popup-detail-right h2 { font-size: 15px; color: #414141; margin: 10px 0 5px 0; }
#popup-detail-right p { font-size: 12px; color: #555; margin-bottom: 10px; line-height: 19px; }
#popup-detail-right .adM { float: left; width: 320px; }
#popup-detail-close, #popup-poll-close { width: 30px; height: 30px; background: url(/Images/pid/close.png) no-repeat; right: -15px; top: -15px; position: absolute; color: #6fa5fd; display: block; cursor: pointer; }
#popup-detail-left .popup-slide { height: 50px; border-top: 1px solid #303030; padding: 10px; overflow: hidden; display: none; position: absolute; bottom: -70px; background-color: #000; text-align: center; width: 100%; }
#popup-detail-left .popup-slide ul { overflow: hidden; position: relative; }
#popup-detail-left li { margin: 0 8px 10px 0; opacity: 0.3; display: inline-block; }
#popup-detail-left li.active { opacity: 1 !important; }
#popup-detail-left li a { display: block; }
#popup-detail-left li img { height: 50px; }
/***End Popup Detail***/